<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title></title>
    <script type="text/javascript" src="js/jquery-3.3.-1.js"></script>
    <script type="text/javascript">
           function fun1(){
               alert("别碰我!")
           }
           //浏览器加载页面完毕后,被调用
           function main(){
              //jquery监听方法
              $(":button").click(fun1);

             /*
             *   JQUERY监听方法            JavaScript监听事件
             *    click(处理函数名)           onclick = 处理函数()
             *    change(处理函数名)          onchange=处理函数()
             *
             *    JQUERY监听方法就是将[ JavaScript监听事件]中'on'去掉
             * */
           }

    </script>
</head>
<body onload="main()">

           <center>
                <input type="button" value="btn01"/><br/>
                 <input type="button" value="btn01"/><br/>
                 <input type="button" value="btn01"/><br/>

           </center>

</body>
</html>